// 入口函数
$(function(){
    // 获取用户信息
    getUserInfo()
    // 给菜单注册点击事件
    initMenu()
})

// 获取用户信息
function getUserInfo(){
    $.ajax({
        url: "/admin/user/info",
        type: "get",
        // headers: {
        //     // headers(请求头)可以用来发送一些额外的参数（data中参数之外的数据）
        //     // 我们就可以通过headers把token传给后端，后端就能够同过Authorization字段名接收
        //     Authorization: localStorage.getItem("token-71")
        // },
        success(res){
            // console.log(13,res);
            let result = res.data;
            // 渲染用户名
            $(".user_info").find("i").text(result.nickname);
            // 渲染头像
            $(".pic").prop("src",result.userPic);
        }
    })
}

// 菜单切换
function initMenu(){
    // 点击一级菜单
    $(".level01").on("click", function(){
        // console.log(31);
        // 实现导航高亮效果，点谁给谁active类名即可
        $(this).addClass("active").siblings().removeClass("active");
        // 实现箭头的旋转效果
        $(this).find("b").toggleClass("rotate0")
        // 展开二级菜单
        // 因为只有“文章管理”才有二级菜单，因此我们需要先判断用户点击
        // 是否为“文章管理”，如果是则展开或收起二级菜单
        // 否则不用做任何事情
        // 如何判断点击菜单是“文章管理”呢？
        // 答：可以通过判断当前点击的元素是否有l2这个类名来判断
        // 如果有l2则说明点击的是“文章管理”
        if($(this).hasClass("l2")){
            $(".l2").next().slideToggle();
        }
    })   
    // 实现二级菜单的高亮效果
    $(".level02 li").on("click",function(){
        $(this).addClass("active").siblings().removeClass("active")
    })
}

